<div ng-controller="RegisterController">
    <div class="log-content-box">
        <div class="log-content">
            <img class="log-content-img" src="img/passwordback.png" alt="">
            <div class="log-title-box log-title">
                <div class="log-title-content">
                    <img class="log-title-img" src="img/title_logo.png" alt="">
                    <span class="log-title-line"></span>
                    <div class="log-text-box">
                        <p class="log-text log-text-eng log-text-eng-l">OPEN A NEW OFFICE LIFE</p>
                        <p class="log-text log-text-chi log-text-chi-l">开 启 办 公 新 生 活</p>
                    </div>
                </div>
            </div>
            <div class="pas-box">
                <div class="pas-back-box">
                    <a href="/tribalc-web/login.html" class="pas-back" href=""><span
                            class="pas-back-text pas-back-img fa fa-angle-left fa-font-em"></span><span
                            class="pas-back-text pas-back-title">返回</span></a>
                </div>
                <div class="pas-step-box">
                    <img class="pas-step-img" src="img/password/010.png" alt="">
                    <span class="pas-step-point">•••</span>
                    <img class="pas-step-img"
                         ng-src="{{step>=2 ? 'img/password/022.png' : 'img/password/021.png'}}"
                         alt="">
                    <span class="pas-step-point">•••</span>
                    <img class="pas-step-img"
                         ng-src="{{step>=3 ? 'img/password/032.png' : 'img/password/031.png'}}"
                         alt="">
                    <span class="pas-step-point">•••</span>
                    <img class="pas-step-img"
                         ng-src="{{step>=4 ? 'img/password/042.png' : 'img/password/041.png'}}" alt="">
                </div>
                <div class="pas-content-box pas-username" ng-show="step==1">
                    <div class="pas-content-line">
                        <p class="pas-coutent-phone">手机号：</p>
                        <input type="text" class="form-control pas-coutent-input" placeholder="请输入手机号码" ng-model="forPasswordInput.phone">
                    </div>
                    <div class="pas-content-line pas-content-position">
                        <p class="pas-coutent-phone">验证码：</p>
                        <input type="text" ng-model="forPasswordInput.verificationCode" class="form-control pas-coutent-input">
                        <img id="verfication" class="pas-coutent-validate"  alt="验证码"><span class="pas-content-change" ng-click='changeVeriCode()'>换一张</span>
                    </div>
                    <input class="pas-coutent-nexbutton" type="submit" ng-click="checkOneStep(forPasswordInput)"
                           value="下一步">


                </div>
                <div class="pas-content-box pas-username" ng-show="step==2">

                    <p class="pas-content-two-font">正发送到 “ {{forPasswordInput.phone}} ” 请注意查收，并在下方输入短信中的6位验证码</p>
                    <div class="pas-content-two-input">
                        <p class="pas-content-two-verification">短信验证码：
                        </p><input type="text" class="form-control pas-content-two-input-box"
                                   ng-model="forPasswordInput.vcode" value="">
                        <input type="submit" class="pas-content-two-button"
                               ng-click="getPhoneVerifyCode(forPasswordInput)" id="sms" value="获取短信验证码">
                    </div>
                    <input class="pas-coutent-nexbutton" type="submit"
                           ng-click="judgeVerificationCode(forPasswordInput)"
                           value="下一步">
                </div>
                <div class="pas-content-box pas-username" ng-show="step==3">
                    <div class="pas-content-line">
                        <p class="pas-coutent-phone">请输入新密码：</p><input type="password"
                                                                       class="form-control pas-coutent-input"
                                                                       ng-model="forPasswordInput.password">
                    </div>
                    <div class="pas-content-line pas-content-position">
                        <p class="pas-coutent-phone">请确认新密码：</p><input type="password"
                                                                       class="form-control pas-coutent-input"
                                                                       ng-model="forPasswordInput.creatPassword">
                    </div>
                    <input class="pas-coutent-nexbutton" type="submit"
                           ng-click="judgePasswordSendRequest(forPasswordInput)" value="下一步">
                </div>
                <div class="pas-content-box pas-username" ng-show="step==4">
                    <p class="pas-content-two-font">您的登录名为 “{{forPasswordInput.phone}}” 的登录密码已设置成功</p>
                    <a href="/tribalc-web/login.html">
                        <input class="pas-coutent-nexbutton" type="submit" ng-click="pasContentNext(forPasswordInput)"
                               value="返回登录">
                    </a>
                </div>
            </div>

        </div>


    </div>

    <div class="log-footer">
        <footer></footer>
    </div>
    <div ng-show="showAlert==true">
        <alert></alert>
    </div>


</div>